<script setup>
import { reactive,computed } from "vue";

const author = reactive({
  name: "zzzz",
  books: ["java", "javaweb", "数据结构与算法"],
});

function hasBooks() {
  // 通过方法返回数据 每使用一次就执行一次
  return author.books.length>0?'yes':'no'
}
let bookMessage = computed(() => {
  // 计算属性，每次使用，如果和上次使用时，数据没有变化，则直接使用上一次的结果
  return author.books.length>0?'yes':'no'
})
</script>

<template>
  <div>
    <p>作者：{{author.name}}</p>
    是否出版过图书：{{hasBooks()}}
    是否出版过图书：{{bookMessage}}
  </div>
</template>

<style scoped></style>
